<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        DJI 大疆商城 - DJI 大疆无人机、手持稳定器、专业影像设备及增值服务
        (中国大陆)
    </title>
    <link rel="stylesheet" href="../tool/reset.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" type="text/less" href="../less/index.less">
    <script src="../js/less.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="top-bar">
            <div class="top-inner-bar">
                <ul class="left">
                    <li>
                        <a href="">DJI 大疆官网</a>
                    </li>
                    <li class="scroll">
                        <!-- <p>热门主机使用花呗，京东白条和招行分期最高可享 3期免息</p> -->
                    </li>
                </ul>
                <div class="right">
                    <a href="#">
                        <span class="iconfont icongouwuche"></span>
                         购物车
                        <span class="number">0</span>
                    </a>
                    <a href="#">登录</a>
                    <a href="#">注册</a>
                    <a href="#" class="noborder">中国大陆(简体中文/￥CNY)</a>
                </div>
            </div>
        </div>
        <div class="nav-bar">
            <div class="nav-inner-bar">
                <div class="left">
                    <div class="log">
                        <a href="">
                            <i class="iconfont icondji-logo"></i>
                            <span>商城</span>
                        </a>
                    </div>
                    <div>商品分类<i class="iconfont iconxiajiantou"></i></div>
                    <div><a href="">以旧换新</a></div>
                    <div><a href="">购机指南</a></div>
                    <div><a href="">DJI大疆商城 APP</a></div>
                </div>
                <div class="right">
                    <input type="text" placeholder="搜索商品...">
                    <a href=""><i class="iconfont iconsousuo"></i></a>
                </div>
            </div>
        </div>
        <div class="nav-list">
            <ul class="inner-list">
                <!-- <li>
                    <a href="./list.html">
                        <div class="pic"><img
                                src="https://stormsend1.djicdn.com/stormsend/uploads/48c26180-9980-0136-3e40-12528100fbe3/mavic2.svg"
                                alt=""></div>
                        <div class="my_name">御 Mavic</div>
                    </a>
                </li> -->
            </ul>
        </div>
    </div>
    <!-- 右侧小圆圈 -->
    <div class="totop"><i class="iconfont iconshangjiantou"></i></div>
    <div class="kefu"><i class="iconfont iconkefu"></i></div>
    <!-- 主体部分 -->
    <div class="main">
        <!-- 轮播图 -->
        <div class="lunbo">
            <ul>
                <!-- <li style="background-image: url(../imgs/banner1.jpg);"></li> -->
            </ul>
            <div class="prev"></div>
            <div class="next"></div>
            <div class="pages">
                <!-- <div>1</div> -->
            </div>
        </div>
        <div class="main-header">
            <ul>
                <!-- <li>
                    <a href="./detail.html">
                        <img class="pic1" src="https://stormsend1.djicdn.com/stormsend/uploads/3bdc20dc3ff429a75cc10a3d6d9e2d9a.png" alt="">
                        <img class="pic2" src="https://stormsend1.djicdn.com/stormsend/uploads/379a6fc31f016bcd7ce5d28df26d99ea.png" alt="">
                        <img class="pic3" src="https://stormsend1.djicdn.com/stormsend/uploads/47d474d01c89d1536cf03744b28a6933.png" alt="">
                        <div class="ban">
                            <h2>DJI FPV 套装</h2>
                            <div class="item-cnt">沉浸式飞行体验 · 4K/60fps超广角拍摄 · 全新运动模式</div>
                            <p>DJI FPV， 将飞行想象变成现实，全新沉浸式驾控让你化身飞行员，像驾车般流畅自如地驾驭飞行，轻而易举实现心中所想，见所未见。</p>
                            <span>￥7999</span>
                        </div>
                    </a>
                </li> -->
            </ul>
        </div>
        <div class="main-banner">
            <div class="main-inner">
                <a href="#"
                    style="background-image: url('https://stormsend1.djicdn.com/stormsend/uploads/8193accf66654676425ca7c303d37c77.jpg');">
                    <p>DJI Care 随心续享<br>商城专属，双重保障</p>
                </a>
                <a href="#"
                    style="background-image: url('https://stormsend1.djicdn.com/stormsend/uploads/90badd9b7a75e194a2edc2e007507831.jpg');">
                    <p>DJI 以旧换新<br>闲置电子设备，抵价换新机</p>
                </a>
            </div>
        </div>
        <section>
            <div class="title">
                <h2>御 Mavic</h2>
                <a href="">更多></a>
            </div>
            <div class="section-head">
                <!-- <a class="left">
                    <div class="good">
                        <div class="pic"
                            style="background-image: url('https://stormsend1.djicdn.com/stormsend/uploads/bb3757c035de90f760ca73b8c69cd663.png');">
                        </div>
                    </div>
                    <div class="info">
                        <h2>DJI MINI 2</h2>
                        <P>小巧但性能犀利，可拍摄4K视频，实现4倍变焦，最远10公里控制距离。一键短片、一键全景，一键直出大片。智能易用，航拍轻而易举。</P>
                        <h5>￥2899</h5>
                    </div>
                </a>
                <div class="right">
                    <video height="400" loop="" autoplay="" muted=""
                        src="https://stormsend1.djicdn.com/stormsend/uploads/bdeb2840ffcc01384f79787b8ab113e3.mp4"
                        poster="https://stormsend1.djicdn.com/stormsend/uploads/dea08c26be64fd58d54c71c647206001.jpg"></video>
                </div> -->
            </div>
            <ul class="section-list">
                <!-- <li>
                    <a href="">
                        <div class="img">
                            <img src="https://product3.djicdn.com/uploads/spu/cover/7727599c23f26f2fa55ab60494cd3569@retina_small.png"
                                alt="" width="256">
                        </div>
                        <div class="img-hover">
                            <img src="https://product1.djicdn.com/uploads/spu/hover/03cf5b56f0c3520e87bf21ada53aac9a@origin.jpg" alt="">
                            <p>可拍摄 8K 延时影片，4K/60fps 视频，4800 万像素照片。拥有最长 34 分钟续航，最远 10 公里图传距离，焦点跟随功能，支持自行避障。</p>
                        </div>
                        <h3>御 Mavic Air 2</h3>
                        <h5>￥3999</h5>
                    </a>
                </li> -->
            </ul>
        </section>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="footer-top">
            <ul class="top-inner">
                <li>
                    <img src="../imgs/truck-moving.svg" alt="">
                    <p>全场满￥99顺丰包邮</p>
                    <p>(顺丰无法配送的区域将使用EMS)</p>
                </li>
                <li>
                    <img src="../imgs/credit-card.svg" alt="">
                    <p>支持支付宝、微信、银联、银行转账</p>
                    <p>支持花呗、京东白条和招行分期</p>
                </li>
                <li>
                    <img src="../imgs/comment-alt-smile.svg" alt="">
                    <p>邮箱：<a href="">support@dji.com</a></p>
                </li>
                <li><img src="../imgs/newGovIcon.gif" alt=""></li>
            </ul>
        </div>
        <div class="footer-main">
            <div class="main-inner">
                <div class="list">
                    <h3>商城热卖</h3>
                    <ul>
                        <li><a href="">"御" Mavic</a></li>
                        <li><a href="">"晓" Spark</a></li>
                        <li><a href="">精灵 Phantom</a></li>
                        <li><a href="">灵眸 Osmo</a></li>
                        <li><a href="">"悟" Inspire</a></li>
                        <li><a href="">如影 Ronin</a></li>
                    </ul>
                </div>
                <div class="list">
                    <h3>购买指南</h3>
                    <ul>
                        <li><a href="">支付方式</a></li>
                        <li><a href="">订单帮助</a></li>
                        <li><a href="">发货和物流</a></li>
                        <li><a href="">退换货条款</a></li>
                        <li><a href="">技术支持</a></li>
                        <li><a href="">售后服务政策</a></li>
                        <li><a href="">DJI币返利计划</a></li>
                    </ul>
                </div>
                <div class="list">
                    <h3>商城项目</h3>
                    <ul>
                        <li><a href="">以旧换新</a></li>
                        <li><a href="">DJI大疆商城App</a></li>
                    </ul>
                </div>
                <div class="list">
                    <h3>社区</h3>
                    <ul>
                        <li><a href="">天空之城</a></li>
                        <li><a href="">DJI大疆社区</a></li>
                        <li><a href="">购机指南</a></li>
                    </ul>
                </div>
                <div class="list">
                    <h3>订阅</h3>
                    <p>第一时间了解我们的促销活动、热销产品和最新信息</p>
                    <input type="text" placeholder="请输入您的邮箱">
                    <button>></button>
                </div>
            </div>
            <div class="link">
                <ul class="intro">
                    <li><a href=""><i class="iconfont icondji-logo"></i></a></li>
                    <li><a href=""><span>关于我们</span></a></li>
                    <li><a href=""><span>联系我们</span></a></li>
                    <li><a href=""><span>招聘精英</span></a></li>
                    <li><a href=""><span>官方旗舰店</span></a></li>
                </ul>
                <ul class="plat">
                    <li><a href=""><i class="iconfont iconyouku"></i></a></li>
                    <li><a href=""><i class="iconfont iconweibo"></i></a></li>
                    <li><a href=""><i class="iconfont iconweixin"></i></a></li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="botter-inner">
                <div class="left">
                    <span>Copyright © 2021 DJI 大疆创新 版权所有</span>
                    <ul>
                        <li><a href="">隐私权政策</a></li>
                        <li class="spot">·</li>
                        <li><a href="">使用条款</a></li>
                        <li class="spot">·</li>
                        <li><a href="">粤ICP备12032134号-11</a></li>
                        <li class="spot">·</li>
                        <li><a href="">营业执照</a></li>
                        <li class="spot">·</li>
                        <li><a href="">网站地图</a></li>
                    </ul>
                </div>
                <div class="right">
                    <div>网站问题反馈？<a href="">点击这里</a></div>
                </div>
            </div>
        </div>
    </div>
    <script src="../data/data-index.js"></script>

    <script src="../js/utils.js"></script>
    
    <script src="../js/index.js"></script>
</body>

</html>